<template>
  <div>
    <h1>App</h1>
    {{ count }}<button @click="count++">count</button>
    <TsTitle></TsTitle>
  </div>
</template>
<script setup>
import { ref, provide, readonly } from 'vue';
import TsTitle from './TsTitle';
import * as key from './key.js';
const count = ref(100);
const updateCount = (value = 1) => {
  count.value += value;
};
provide(key.count, { count: readonly(count), updateCount });

</script>

<style>
div {
  border: solid;
  padding: 10px;
}
</style>